<template>
  <view class="info-details__item">
    <view class="info-details__item--label">{{ label }}</view>
    <view class="info-details__item--content">{{ content }}</view>
  </view>
</template>

<script setup lang="ts">
  import { propTypes } from '@/utils/propTypes';

  defineProps({
    label: propTypes.string.def(''),
    content: [String, Number],
  });
</script>

<style lang="scss" scoped>
  .info-details__item {
    display: flex;
    align-items: center;
    font-size: 28rpx;
    padding-bottom: 20rpx;
    &--label {
      color: #000;
      white-space: nowrap;
      margin-right: 30rpx;
    }
    &--content {
      color: #606266;
      white-space: nowrap;
    }
  }
</style>
